<!DOCTYPE HTML>
<!--[if lt IE 7]>      <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class=""> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="content-language" content="zh-CN" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="applicable-device" content="pc,mobile">
    <meta name="robots" content="all" />
    <meta name="save" content="history" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <!-- 新 Bootstrap 核心 CSS 文件 -->

    <link rel="stylesheet" href="{SITE_URL}public/font-awesome/css/font-awesome.min.css">

    <title>{$title}</title>
    <!--微信抓取缩略图-->
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script>
        /*
         * 注意：
         * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
         * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
         * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
         *
         * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
         * 邮箱地址：weixin-open@qq.com
         * 邮件主题：【微信JS-SDK反馈】具体问题
         * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
         */
        wx.config({
            debug: false,
            appId: '{php echo $signPackage["appId"]}',
            timestamp: '{php echo $signPackage["timestamp"]}',
            nonceStr: '{php echo $signPackage["nonceStr"]}',
            signature: '{php echo $signPackage["signature"]}',
            jsApiList: [
                'checkJsApi',
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo',
                'onMenuShareQZone'
                // 所有要调用的 API 都要加到这个列表中
            ]
        });

        wx.ready(function () {
            wxOnShare();
        });

        function wxOnShare() {
            var title = "打卡：{$title}";
            var desc = "用微小的行动带来改变，用行动带来微小的改变";
            var link = location.href.split('#')[0];
            var imgUrl = "{$strDuty['user']['face']}" ;
            wx.onMenuShareAppMessage({
                title: title,
                desc: desc,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
            wx.onMenuShareTimeline({
                title: title,
                link: link,
                imgUrl: imgUrl,
                trigger: function (res) {
                },
                success: function (res) {
                },
                cancel: function (res) {
                },
                fail: function (res) {
                }
            });
        }
    </script>
    <style>
        #shareit {
            -webkit-user-select: none;
            display: none;
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.85);
            text-align: center;
            top: 0;
            left: 0;
            z-index: 105;
        }
        #shareit img {
            max-width: 100%;
        }
        .arrow {
            position: absolute;
            right: 10%;
            top: 5%;
        }
        #share-text {
            margin-top: 400px;
        }
    </style>
</head>
<body>




<div class="container">
    <div class="col-md-12">
        <div class="panel panel-default">
            <div class="panel-body">

                <div>

                    <section style="padding:10px 10px;">

                        <section style="width:100%; text-align:center;" data-width="100%">

                            <section style="display:inline-block; width:150px;">
                                <img style="width:100%; vertical-align:middle;" src="{SITE_URL}public/images/clip.png" data-width="100%"/>
                            </section>

                        </section>

                        <section style="border:solid 5px #e9593c; overflow:hidden; margin-top:-10px;">

                            <section style="padding:10px 5px 0px 5px;">
                                <section style="width: 100%; border-bottom: 1px solid rgb(50, 87, 104); text-align: center;" class="" data-brushtype="text" data-width="100%">

                                        <section style="margin-top: 0.5em; margin-bottom: 0.5em; box-sizing: border-box;">

                                            <section style="text-align: center; margin: 0px; box-sizing: border-box; padding: 0px;">
                                                <section style="display: inline-block; padding: 5px;width:100%; box-sizing: border-box; margin: 0px; background-color: rgb(254, 254, 254);" class="ImbWord ImbBgColor">

                                                    <p style="white-space: normal; font-size: 18px;">
                                                        <span style="color:#e9593c">  {$strDuty['user']['username']}在微澜图书馆完成{$count}次服务</span>
                                                    </p>

                                                    <p style="white-space: normal;">
                                                        <span style="color:#d33163"><img src="{$strDuty['user']['face']}" alt="1494863834177293.jpg" width="25%" style="width:25%;border-radius: 50%;border-color: #9db4c2;"/></span>
                                                    </p>
                                                </section>
                                            </section>

                                        </section>

                                </section>
                                <section style="width:100%; font-size:14px; margin-top:10px;color:#325768;" class="" data-width="100%">

                                    <div style="color: rgb(50, 87, 104); font-size: 14px; white-space: normal;">
                                        <div>
                                            <section id="see5280" style="margin: 0px;width:100%; min-width:50px;border: 0px solid #DDD; background-color:#FFF;border-radius: 5px;zoom:0.93">
                                                <section id="uuu0" class="wxqq-bg" style="padding: 0px 0px 0px 15px; background-color: #e9593c;">
                                                    <section style="border-left:2px solid rgb(255,255,255);">
                                                        <section style="padding:20px 5px 10px 5px ;">
                                                            <section style="height:10px;width:10px;background-color:rgb(255,255,255);display: inline-block;border-radius:50%;margin-left:-9px;vertical-align:middle;"></section>
                                                            <section style="width:10%;display: inline-block;margin-left:15px;vertical-align:middle;">
                                                                <img src="{SITE_URL}public/images/calendar.png" style="width:30px"/>
                                                            </section>
                                                            <section style="color:rgb(255,255,255);display: inline-block;margin-left:7px;vertical-align:middle;width:60%">
                                                                <p>
                                                                    {php echo(date('Y-m-d',$strDuty['begintime']))}
                                                                </p>
                                                            </section>
                                                        </section>
                                                        <section style="padding:0px 10px 20px 25px;color:rgb(255,255,255);">
                                                            <p style="padding:0px;margin:0px;font-size:15px;line-height:1.6em;letter-spacing: 2px;">
                                                                服务处所：{$strDuty['group']['groupname']}
                                                            </p>
                                                            <p style="padding:0px;margin:0px;font-size:15px;line-height:1.6em;letter-spacing: 2px;">
                                                                本次时长：{$strDuty['term']}
                                                            </p>
                                                            <p style="padding:0px;margin:0px;font-size:15px;line-height:1.6em;letter-spacing: 2px;">
                                                                累计时长：{$strDuty['user']['count_duty']}
                                                            </p>
                                                            <p style="padding:0px;margin:0px;font-size:15px;line-height:1.6em;letter-spacing: 2px;">
                                                                工作小记：{$strDuty['job']}
                                                            </p>
                                                        </section>
                                                    </section>
                                                </section>
                                            </section>
                                        </div>

                                            <br/>

                                    </div>
                                    <div>
                                        <img src="{SITE_URL}public/images/qrcode.jpg"  style="width:100% "/>
                                    </div>
                                </section>
                            </section>
                        </section>
                    </section>
                </div>


                </div>
            </div>
        </div>
</div>
<div id="shareit">
    <img class="arrow" src="http://dev.vxtong.com/cases/nuannan/imgs/share-it.png">

</div>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script>
    //立即分享到微信朋友圈点击事件
    $("#share_btn").on("click", function() {
        $("#shareit").show();
    });


    $("#shareit").on("click", function(){
        $("#shareit").hide();
    });
</script>
<script src="{SITE_URL}public/js/common.js" type="text/javascript"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
{if is_file('app/'.$GLOBALS['TS_URL']['app'].'/js/extend.func.js')}
<script src="{SITE_URL}app/{$GLOBALS['TS_URL']['app']}/js/extend.func.js" type="text/javascript"></script>
{/if}
</body>
</html>